/* 
    Document   : permission
    Created on : Apr 16, 2012, 2:42:11 PM
    Author     : karim
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}   

body {
    font-family: "Arial", sans-serif;	
}

table.userTable {

    width: 50em;
    margin: 0 auto;	
    border-collapse: collapse;	
    border: solid 1px black;
}

table.userTable thead {

}

table.userTable th {

    width: 200px;
    background: #333333;
    color: white;	
}


table.userTable tbody  td {
    border: solid 1px black;
    padding: 1em;	
}


table.userTable tfoot td {
    border: none;

}

table.userTable tfoot td {
    border: solid 1px white;

}

table.userTable tfoot td.showHelp {
    border: solid 1px white;
    visibility: visible;	
}

.userList {
    width: 10em;
    height: 10em;
    overflow: auto;
    border: solid 1px black;
}

table.userTable td a {
    display: block;
    width: 10em;
    height: 1.4em;
    border: solid 1px #999999;
    text-decoration: none;
    text-align: center;
    margin-bottom: .3em;
    background-color: white;
    cursor: move;
}

.draggedUser {
    zoom: 1;
    -moz-opacity: .2;
    filter: alpha(opacity=20)
}
.button {
    display: block;
    background-color: #FFFFFF;
    border: solid 1px #cccccc;
    height: 30px;
}
.button:hover {
    background-color: green;
}

#unassignedUsers:hover {
    /* background-color: #ffcccc;	*/
}

#moderatorUsers:hover {
    /* background-color: #ffffcc; */
}

#editorUsers:hover {
    /* background-color: #ccffcc; */
}


